Lunes, 06 de Junio de 2024

Introducción
Herramientas
Tags (órdenes)
Estructura básica

Texto
Texto simple
Formato
Tamaño
Color
Alineación

Imagen y Enlace
Inserción de imágenes
Inserción de enlaces

Tablas
Estructura
Contorno y márgen
Color
Combinar celdas
Ajuste de tamaño
Tamaño relativo
Alineación

Formularios
Utilidad
campo de texto
Área de texto
Menú desplegable
Casilla verificación


HTML > Tablas > Combinar celdas


Es posible que en algunos casos nos interese unir dos celdas de una tabla para formar una mayor. Para conseguirlo deberemos añadir, en la primera celda de las que van a ser unidas, el parámetro COLSPAN o ROWSPAN al comando TD, dependiendo si queremos unir esa celda a las que tiene a su derecha, o bien a las que tiene debajo; y asignarle a ese parámetro un valor mayor que 1, que indice en número de celdas que une.
Y las demás celdas que se unen a esta primera, no deben ponerse.

Y así de una tabla original de 2x2...

<TABLE BORDER=1>
   <TR>
      <TD>
         AAA línea.
      </TD>
      <TD>
         BBB línea.
      </TD>
   </TR>
   <TR>
      <TD>
         CCC línea.
      </TD>
      <TD>
         DDD línea.
      </TD>
   </TR>
</TABLE>


Podemos obtener que las dos celdas superiores se unan...

<TABLE BORDER=1>
   <TR>
      <TD COLSPAN=2>
         AAA línea.
      </TD>
   </TR>
   <TR>
      <TD>
         CCC línea.
      </TD>
      <TD>
         DDD línea.
      </TD>
   </TR>
</TABLE>


... o que se unan las dos de la izquierda...

<TABLE BORDER=1 BORDERCOLOR="Red">
   <TR>
      <TD ROWSPAN=2>
         AAA línea.
      </TD>
      <TD>
         BBB línea.
      </TD>
   </TR>
   <TR>
      <TD>
         DDD línea.
      </TD>
   </TR>
</TABLE>